<template>
  <div class="wrapper">
    <div class="content">
      <ul>
        <li>分类导航1</li>
        <li>分类导航2</li>
        <li>分类导航3</li>
        <li>分类导航4</li>
        <li>分类导航5</li>
        <li>分类导航6</li>
        <li>分类导航7</li>
        <li>分类导航8</li>
        <li>分类导航9</li>
        <li>分类导航10</li>
        <li>分类导航11</li>
        <li>分类导航12</li>
        <li>分类导航13</li>
        <li>分类导航14</li>
        <li>分类导航15</li>
        <li>分类导航16</li>
        <li>分类导航17</li>
        <li>分类导航18</li>
        <li>分类导航19</li>
        <li>分类导航20</li>
        <li>分类导航21</li>
        <li>分类导航22</li>
        <li>分类导航23</li>
        <li>分类导航24</li>
        <li>分类导航25</li>
        <li>分类导航26</li>
        <li>分类导航27</li>
        <li>分类导航28</li>
        <li>分类导航29</li>
        <li>分类导航30</li>
        <li>分类导航31</li>
        <li>分类导航32</li>
        <li>分类导航33</li>
        <li>分类导航34</li>
        <li>分类导航35</li>
        <li>分类导航36</li>
        <li>分类导航37</li>
        <li>分类导航38</li>
        <li>分类导航39</li>
        <li>分类导航40</li>
        <li>分类导航41</li>
        <li>分类导航42</li>
        <li>分类导航43</li>
        <li>分类导航44</li>
        <li>分类导航45</li>
        <li>分类导航46</li>
        <li>分类导航47</li>
        
        <li>分类导航922</li>
        <li>分类导航923</li>
        <li>分类导航924</li>
        <li>分类导航925</li>
        <li>分类导航926</li>
        <li>分类导航927</li>
        <li>分类导航928</li>
        <li>分类导航929</li>
        <li>分类导航930</li>
        <li>分类导航931</li>
        <li>分类导航932</li>
        <li>分类导航933</li>
        <li>分类导航934</li>
        <li>分类导航935</li>
        <li>分类导航936</li>
        <li>分类导航937</li>
        <li>分类导航938</li>
        <li>分类导航939</li>
        <li>分类导航940</li>
        <li>分类导航941</li>
        <li>分类导航942</li>
        <li>分类导航943</li>
        <li>分类导航944</li>
        <li>分类导航945</li>
        <li>分类导航946</li>
        <li>分类导航947</li>
        <li>分类导航948</li>
        <li>分类导航949</li>
        <li>分类导航950</li>
        <li>分类导航951</li>
        <li>分类导航952</li>
        <li>分类导航953</li>
        <li>分类导航954</li>
        <li>分类导航955</li>
        <li>分类导航956</li>
        <li>分类导航957</li>
        <li>分类导航958</li>
        <li>分类导航959</li>
        <li>分类导航960</li>
        <li>分类导航961</li>
        <li>分类导航962</li>
        <li>分类导航963</li>
        <li>分类导航964</li>
        <li>分类导航965</li>
        <li>分类导航966</li>
        <li>分类导航967</li>
        <li>分类导航968</li>
        <li>分类导航969</li>
        <li>分类导航970</li>
        <li>分类导航971</li>
        <li>分类导航972</li>
        <li>分类导航973</li>
        <li>分类导航974</li>
        <li>分类导航975</li>
        <li>分类导航976</li>
        <li>分类导航977</li>
        <li>分类导航978</li>
        <li>分类导航979</li>
        <li>分类导航980</li>
        <li>分类导航981</li>
        <li>分类导航982</li>
        <li>分类导航983</li>
        <li>分类导航984</li>
        <li>分类导航985</li>
        <li>分类导航986</li>
        <li>分类导航987</li>
        <li>分类导航988</li>
        <li>分类导航989</li>
        <li>分类导航990</li>
        <li>分类导航991</li>
        <li>分类导航992</li>
        <li>分类导航993</li>
        <li>分类导航994</li>
        <li>分类导航995</li>
        <li>分类导航996</li>
        <li>分类导航997</li>
        <li>分类导航998</li>
        <li>分类导航999</li>
        <li>分类导航1000</li>
      </ul>
    </div>
  </div>
</template>

<script>
  import BScroll from 'better-scroll'

  export default {
    name: "Category",
    data() {
      return {
        scroll: null
      }
    },
    mounted() {
      this.scroll = new BScroll('.wrapper',{

      })
    }
  }
</script>

<style scoped>
  .wrapper { 
    height: 200px;
    background: red;
    /* overflow: hidden;
    overflow-y: scroll; */
    color: #fff;
     }
</style>
